<!DOCTYPE html>
<html>
<head>
	<title>SelectPage多功能下拉分页插件</title>
	<meta charset="UTF-8">
	<meta name="msvalidate.01" content="81AF31CB5B533E7F37C4145C0CDBC489" />
	<link rel="stylesheet" href="../lib/bootstrap/3.3.7/css/bootstrap.min.css" />
	<link rel="stylesheet" href="../lib/font-awesome-4/css/font-awesome.min.css" />
	<!--<link rel="stylesheet" href="../lib/fullpage/jquery.fullpage.min.css" />-->
    
	<link rel="stylesheet" href="../css/header.css" />
	<link rel="stylesheet" href="../css/index.css" />
<!--
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-4688926342467996",
    enable_page_level_ads: true
  });
</script>
-->
</head>

<body>
<div id="fullpage">
    <div class="section fp-auto-height">
    <header class="navbar navbar-static-top" id="top">
    <div class="container">
        <div class="navbar-header">
            <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#bs-navbar" aria-controls="bs-navbar" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="https://terryz.oschina.io/selectpage/index.html" class="navbar-brand">SelectPage</a>
        </div>
        <nav id="bs-navbar" class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li>
                    <a href="guide.html" >入门</a>
                </li>
                <li>
                    <a href="demo.html" >实例</a>
                </li>
                <li>
                    <a href="docs.html" >文档</a>
                </li>
                <li>
                    <a href="changelog.html" >更新记录</a>
                </li>
                <li>
                    <a href="message.html" >留言/反馈</a>
                </li>
                <li>
                    <a href="https://terryz.oschina.io" >Home</a>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="https://github.com/TerryZ/SelectPage" target="_blank"><i class="fa fa-lg fa-github"></i> Fork on Github</a></li>
            </ul>
        </nav>
    </div>
    </header>
    </div>



            <div class="section fp-auto-height">
                <div class="content">
                    <div class="container">
        	<div class="row">
            	<div class="col-md-5 pluginImg">
            		<img alt="效果图" src="../image/SelectPage1.png">
            	</div>
            	<div class="col-md-7">
					<div class="jumbotron">
						<h1>简洁而强大的下拉分页选择插件</h1>
						<p>
                            部分图标来自于 <a href="http://fontawesome.io/" target="_blank">Font Awesome</a> 图标库<br>
                            <iframe src="https://ghbtns.com/github-btn.html?user=TerryZ&repo=SelectPage&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
                            <iframe src="https://ghbtns.com/github-btn.html?user=TerryZ&repo=SelectPage&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
						</p>
						<p>最新版本：<strong>v2.8</strong></p>
		                <p>
							<a class="btn btn-primary" href="https://github.com/TerryZ/SelectPage" role="button">下载插件</a>
							<a class="btn btn-default" href="https://github.com/TerryZ/SelectPage/issues/new" role="button" target="_blank">留言/反馈</a>
                         <a class="btn btn-default" href="https://github.com/TerryZ/SelectPage" target="_blank" role="button"><i class="fa fa-star"></i> 给项目加个Star，支持项目</a>
                        </p>
		            </div>
            	</div>
			</div>
                    </div>
                </div>
			</div>

           
			<div class="section fp-auto-height">
                <div class="content">
                    <div class="container">
                        <!--<h1 class="text-center">插件功能特点</h1>-->
			<div class="row" style="margin-top: 50px;">
                <div class="col-md-4">
                    <h3><i class="fa fa-plug"></i> jQuery插件</h3>
                    <p class="desc">插件基于jQuery 1.x进行开发</p>
                </div>
                <div class="col-md-4">
                    <h3><i class="fa fa-desktop"></i> 界面简洁</h3>
                    <p class="desc">插件界面简洁，可非常好的适应于bootstap2、3或是无UI框架的页面中使用</p>
                </div>
                <div class="col-md-4">
                    <h3><i class="fa fa-database"></i> 远端数据</h3>
                    <p class="desc">数据源允许使用本地Json数据或通过ajax进行访问的服务端数据</p>
                </div>
			</div>

			<div class="row" style="">
                <div class="col-md-4">
                    <h3><i class="fa fa-list"></i> 下拉列表</h3>
                    <p class="desc">待选项目将以下拉列表的形式进行展示</p>
                </div>
                <div class="col-md-4">
                    <h3><i class="fa fa-terminal"></i> 自动补全</h3>
                    <p class="desc">根据在输入框中输入的关键字时行快速检索，并在列表中展示匹配的项目</p>
                </div>
                <div class="col-md-4">
                    <h3><i class="fa fa-file-text-o"></i> 分页展示</h3>
                    <p class="desc">待选项目在超过一定数量时，可根据指定的每页显示数进行分页展示</p>
                </div>
			</div>

			<div class="row">
                <div class="col-md-4">
                    <h3><i class="fa fa-tags"></i> 多项选择</h3>
                    <p class="desc">打开插件多项目选择功能后，选中的项目将以标签（Tag）的形式存放在输入框中</p>
                </div>
                <div class="col-md-4">
                    <h3><i class="fa fa-keyboard-o"></i> 键盘操作</h3>
                    <p class="desc">插件的下拉，分页等操作均可以使用键盘进行快速导航、操作，提高输入效率</p>
                </div>
                <div class="col-md-4">
                    <h3><i class="fa fa-language"></i> 国际化</h3>
                    <p class="desc">支持国际化多语言切换，在国际化的项目中可快速应用</p>
                </div>
			</div>
                    </div>
                </div>
			</div>
			
			
			
			
			<div class="section fp-auto-height">
				<footer class="footer">
				<div class="container">
				<p>友情站点：<a href="http://www.datatables.club/" target="_blank">datatables中文网</a></p>
				<p>使用交流QQ群：136153290</p>
                    Copyright © 2016-2017 <a href="https://github.com/TerryZ" target="_blank"><strong>Terry Zeng</strong></a>
				</div>
				</footer>
			</div>
			
			</div>


	
	
	
<script type="text/javascript" src="../lib/jquery.min.js" ></script>	
<script type="text/javascript" src="../lib/fullpage/jquery.fullpage.min.js" ></script>	
<script type="text/javascript" src="../js/count.js" ></script>
<script type="text/javascript">
/*$(function(){
	$('#fullpage').fullpage({
		sectionsColor: ['#FFFFFF', '#FFFFFF', '#FFFFFF', '#727F80']
	});
});*/
</script>
</body>
</html>